<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>峰凌二部</title>

    <style>
        * {
            margin: 0;
            padding: 0;

        }

        body {
            color: #999999;
            font-size: 14px;
        }

        a {
            color: #000000;

        }

        .top {
            text-align: right;
            padding: 10px;

        }

        .top a {
            margin-left: 15px;
            padding: 3px 3px;
        }

        .top a:last-child {
            background-color: #3385ff;
            color: #fff;
            text-decoration: none;
        }

        .main {
            text-align: center;
            margin-top: 200px;
        }

        .main .logo img {
            width: 270px;
            height: 129px;
        }

        .main form {
            margin-top: 10px;
            font-size: 0;
        }

        .main form input {
            width: 500px;
            line-height: 36px;
            padding: 0 5px;
            vertical-align: middle;
        }

        .main form button {
            width: 100px;
            height: 40px;
            background-color: #3385ff;
            color: #fff;
            border: none;
            vertical-align: middle;

        }

        .foot {
            text-align: center;
            position: fixed;
            bottom: 20px;
            display: block;
            width: 100%;
            margin: 0 auto;
        }

        .foot ul {
            list-style: none;
            margin: 10px 0;
        }

        .foot ul li {
            display: inline-block;
            margin: 0 10px;
        }
    </style>
</head>
<body>
<!--头部-->
<div class="top">
    <a href="#">新闻</a>
    <a href="#">hao123</a>
    <a href="#">地图</a>
    <a href="#">视频</a>
    <a href="#">贴吧</a>

    <a href="#">学术</a>
    <a href="#">登录</a>
    <a href="#">设置</a>
    <a href="#">更多产品</a>

</div>

<!--正文-->
<div class="main">
    <div class="logo"><img src="https://www.baidu.com/img/bd_logo1.png" alt=""></div>
    <form method="get" action="https://www.baidu.com/s">
        <input type="text" name="wd">
        <button type="submit">双体搜索</button>
    </form>
</div>

<!--页脚-->
<div class="foot">
    <div>
        <img src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_efde696.png"
             alt="">
        <p>百度</p>
    </div>
    <ul>
        <li><a href="#">把百度设为首页</a></li>
        <li><a href="#">关于百度</a></li>
        <li><a href="#">about Baidu</a></li>
        <li><a href="#">百度推广</a></li>
    </ul>
    <div id="cp">&copy;2019&nbsp;Baidu&nbsp;<a href="#">使用百度前必读</a>&nbsp;<a
            href="#">意见反馈</a>&nbsp;京ICP证030173号&nbsp;&nbsp;京公网安备11000002000001号&nbsp;
    </div>

</div>
</body>
</html>